<!-- edit markup for contact part - one contact object in one go -->
<!-- 
	CLASSname 	:DESCRIPTION and USAGE
	partUnit 	:a single instance of the part - one contact detail (represnted by one object)
	partItem	:an item within a part - field of the model (a property of object) eg - contact level
	deleteable	:an element that can be deleted with a delete button within it
	key_text	:the text that is displayed as the label for data displayed or input box renderd 
	display		:identifies an element that displays data while show
	edit		:identifies an imput box meant for editing
	add			:identifies an input box meant for adding
	delete_button:	a button that can trigger the delete functionality and delete the deletable element
-->	

<div id="contacts_<%=h contact.id %>" class="partUnit deleteable">
	
	<div class="partItem address">
		<span class="key_text">Address</span>
		<div class="value_block">
			<span class="display"><%=h contact.address %></span>
			<textarea
					class="edit"
					name="contact[address]" 
					><%=h contact.address %></textarea>
		</div>			
	</div>
					
	<div class="partItem phone_nos">
		<span class="key_text">Phone_nos</span>
		<div class="value_block">
			<span class="display"><%=h contact.phone_nos %></span>
			<input	type="text"
					class="edit"
					name="contact[phone_nos]"
					value="<%=h contact.phone_nos %>">
		</div>			
	</div>
					
	<div class="partItem emails">
		<span class="key_text">Emails</span>
		<div class="value_block">
			<span class="display"><%=h contact.emails %></span>
			<input	type="text"
					class="edit"
					name="contact[emails]" 
					value="<%=h contact.emails %>">
		</div>			
	</div>
	
	<div class="delete_button">	
		<button type="button">delete</button>
	</div>
		
</div> <!-- addPart -->	
				